<template>
    <section>
      <div class="nav_options">
        <div class="nav_option" :class="{nav_option_active:isActive == 1}" @click="isActive=1">
          <span>巡查计划</span>
        </div>
        <div class="nav_option" :class="{nav_option_active:isActive == 2}" @click="isActive=2">
          <span>巡查任务</span>
        </div>
      </div>
        <patroltourplan v-if="isActive==1"></patroltourplan>
        <patroltask v-if="isActive==2"></patroltask>
       
       
    </section>
  </template>
  
  <script>
   import patroltourplan from "./patrol_tour_plan"
   import patroltask from "./patrol_task"
 
  export default {
    data(){
      return {
        isActive:1
      }
    },
    components:{
        patroltourplan,
        patroltask,
    }
  }
  </script>
  
  <style>
  
  </style>